<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像和链接标签</title>
</head>

<body>
<!--使用name标记-->
<a href="top">顶部</a>

<!--src:资源地址
    相对地址，绝对地址
    ../上级地址
    alt：在图片加载失败的时候，就会用文字代替
    title:鼠标悬停在图片上时，所显示的名字
    width height 图片的高和宽-->
<img src="../resources/img/test1.png" alt="oops!图像不见了" title="test1">

<br/>
<!--href：跳转页面的地址
    a标签内文字：即显示的文字
    可以把图片放在a标签内，点击图片跳转网页
    target:表示在哪打开新网页_self:当前标签打开 _blank:新的页面中打开-->
<a href="https://www.baidu.com" target="_blank" title="123">百度</a>
<a href="1.我的第一个网页.html" target="_self" title="test1">1.我的第一个网页</a>
<br/>
<a href="https://www.baidu.com"><img src="../resources/img/test3.jpg" alt="oops!图像不见了" width="300" height="300"></a>

<!--锚链接
    1.需要一个标记锚
    2.跳转到标记
    #页面内跳转-->

<a href="#top">回到顶部</a>
<br/>
<!--也可以在网址后添加#号跳到对应网站的对应位置-->
<a href="https://www.baidu.com#down">百度底部</a> <br/>

<!--功能性链接
邮箱链接：mailto
qq链接
-->
<br>
<a href="mailto:834308083.com">点击联系我</a>
<a target="_blank"
   href="http://wpa.qq.com/msgrd?v=xxx&uin=&site=qq&menu=yes"/>
<a target="_blank"
   href="http://wpa.qq.com/msgrd?v=xxx&uin=&site=qq&menu=yes">
    <img border="0" src="http://wpa.qq.com/pa?p=2:834308083:52" alt="点击这里加我学习java"
         title="点击这里加我学习java"/>

</body>
</html>
